<!--定义网页根元素为HTML-->
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<!--在浏览器标签栏出现页面logo -->
		<link rel="icon" href="img/wjk.png">
		<title>2019级太工理学系毕业实习</title>
	</head>
	<body>
		<!--页面内容-表单 from-二级标题<h2> -->
		<h2>表单-项目开发并用-律师档案创建</h2>
		<form action="tit.html" action="post">
			用户名<input type="text" placeholder="请输入用户名"/>
			<br>
			密码<input type="password"/>
			<br>
			生日<input type="date"/>
			<br>
			性别<input type="radio" name="gender"/>男
				<input type="radio" name="gender"/>女
			<br>
			籍贯<select>
				<option>山西</option>
				<option>福建</option>
				<option>陕西</option>
				<option>湖南</option>
				<option>湖北</option>
			</select>
			<br>
			爱好<input type="checkbox"/>旅游
				<input type="checkbox"/>赚钱
				<input type="checkbox"/>跳舞
				<input type="checkbox"/>绘画
			<br>
			照片<input type="file"/>
			<br>
			<!--cols列--rows行-->
			备注<textarea placeholder="请输入备注内容" cols="80" rows="5"></textarea>
			<br>
			<input type="submit" value="注册"/>
			<!-- 右下角注册按钮，submit提交表单跳转到表单form action=“tit.html”另外一个HTML文件 -->
			<input type="reset" value="重填"/>
		</from>
		<h2>超链接</h2>
		<a href="https://rst.shanxi.gov.cn/rsks/">山西省人力资源考试招生网</a>
		<!-- 超链接<a>标记href网址链接,可连接内外网页 -->
		<h2>图片</h2>
		<img src="img/wjk.png" width="500px" height="500px"/>
		<!-- 图片宽度等比例大小的时候可以只指定一个宽度或者高度 -->
		<h2>表格</h2>
		<table border="1px" width="500px">
			<!-- 表格像素为1像素，宽度为500像素border是把表头行中的几个要素分隔开来 -->
			<tr>
				<td>车次</td>
				<td>时间</td>
				<td>价格</td>
				<td>
					<button>申请</button>
				</td>
			</tr>
			<!-- 以上表示一行里面有车次时间价格三列 第一组为表头，下面几组为对应数据-->
			<tr>
				<td>T2023</td>
				<td>0806</td>
				<td>10</td>
				<td>
					<button>申请</button>
				</td>
			</tr>
			<tr>
				<td>F2023</td>
				<td>1128</td>
				<td>9</td>
				<td>
					<button>申请</button>
				</td>
			</tr>
		</table>
		<h2>DIV使用</h2>
		<div>
			TFBOYS王俊凯王源易烊千玺：
			十年之约你们不离我们不弃
			<img src="img/wjk.png"/>
		</div>
		<h2>span用法</h2>
		<input type="text"/> <span style="color:red">用户名不能为空！</span>
		<h2>列表-有序列表ol，无序列表ul</h2>
		<ul>
			<li>王俊凯</li>
			<li>王源</li>
			<li>易烊千玺</li>
		</ul>
		<ol>
			<li>王俊凯</li>
			<li>王源</li>
			<li>易烊千玺</li>
		</ol>
	</body>
</html>
